<template>
  <div class="app">
    <AppHeader/>
    <div class="app-body">
      <Sidebar/>
      <main class="main">
        <div class="container-fluid" style="margin-top: 30px">
          <router-view></router-view>
        </div>
      </main>
    </div>
    <AppFooter/>
  </div>
</template>

<script>
import AppHeader from '../components/Header'
import Sidebar from '../components/Sidebar'
import AppFooter from '../components/Footer'

export default {
  name: 'full',
  components: {
    AppHeader,
    Sidebar,
    AppFooter,
//    Breadcrumb
  },
  computed: {
    name () {
      return this.$route.name
    },
    list () {   //this.$route.matched  取当前url，包含从上到下的所有对象
      return this.$route.matched
    }
  }
}
</script>
